import React, { Component } from 'react';
import { connect } from 'react-redux';
import $ from 'jquery';
import './page_four.scss';

class PageFour extends Component {

    componentDidMount() {
        let Pagefourlist = $('.BrandIntroductionTab_pagefour_rongyu li');
        $(document).scroll(function() {
            let top = $(window).scrollTop();
            let Height = $(window).height();
            Pagefourlist.each(function () {
                if (Height + top - $(this).offset().top > Height / 2) {
                    $(this).addClass('active').siblings().removeClass('active');
                }
            });
        })

        Pagefourlist.eq(Pagefourlist.length - 3).find('img').css('top', -1 + 'rem');
        Pagefourlist.eq(Pagefourlist.length - 2).find('img').css('top', -1 + 'rem');
        Pagefourlist.eq(Pagefourlist.length - 1).find('img').css('top', -2.2 + 'rem');
        Pagefourlist.on('click', function() {
            $(this).addClass('active').siblings().removeClass('active');
        })
    }

    render() {
        return (
            <div className="BrandIntroductionTab_pagefour">
                <div className="BrandIntroductionTab_pagefour_img">
                    <img src={require('../../../../../static/img/brandIntroduction/page-4-1.jpg')} alt="" />
                </div>
                <p>3D木门自成立以来深受业内认可及消费者喜爱，连续多年多次获得由全国工商联家具装饰业商会，中国林业产业联合会，中国林产工业协会，中国木材与木制品流通协会，中国建筑材料流通协会，中国建筑装饰装修材料协会，中国质量领先企业调查组委会等众多专业机构颁发的实力奖项。</p>
                <div className="title"><span>荣誉展示如下：</span></div>
                <ul className="clearfix BrandIntroductionTab_pagefour_rongyu">
                    <li className="active">大雁奖·中国家居产业大国工匠奖<img src={require('../../../../../static/img/brandIntroduction/rongyu/1.jpg')} alt="品牌荣誉" /></li>
                    <li>中国家居业质量品牌5A示范企业<img src={require('../../../../../static/img/brandIntroduction/rongyu/2.jpg')} alt="品牌荣誉" /></li>
                    <li>中国木质门行业诚信联盟签约单位<img src={require('../../../../../static/img/brandIntroduction/rongyu/3.jpg')} alt="品牌荣誉" /></li>
                    <li>全国市场、工程木门企业产品质量、售后服务双承诺活动单位<img src={require('../../../../../static/img/brandIntroduction/rongyu/4.jpg')} alt="品牌荣誉" /></li>
                    <li>全国大家居服务体系之“定制100”引领计划成员单位<img src={require('../../../../../static/img/brandIntroduction/rongyu/5.jpg')} alt="品牌荣誉" /></li>
                    <li>十星级企业奖<img src={require('../../../../../static/img/brandIntroduction/rongyu/6.jpg')} alt="品牌荣誉" /></li>
                    <li>年度之门设计奖<img src={require('../../../../../static/img/brandIntroduction/rongyu/7.jpg')} alt="品牌荣誉" /></li>
                    <li>中国智能家居行业科技创新奖 、产品设计奖<img src={require('../../../../../static/img/brandIntroduction/rongyu/8.jpg')} alt="品牌荣誉" /></li>
                    <li>中国门业（木质门）十大金奖（证牌）<img src={require('../../../../../static/img/brandIntroduction/rongyu/9.jpg')} alt="品牌荣誉" /></li>
                    <li>中国林业产业创新奖（木门业）社会责任奖<img src={require('../../../../../static/img/brandIntroduction/rongyu/10.jpg')} alt="品牌荣誉" /></li>
                    <li>中国林业产业创新奖（木门业）<img src={require('../../../../../static/img/brandIntroduction/rongyu/11.jpg')} alt="品牌荣誉" /></li>
                    <li>中国木门行业十五年社会责任奖<img src={require('../../../../../static/img/brandIntroduction/rongyu/12.jpg')} alt="品牌荣誉" /></li>
                    <li>中国国际门业展览会十五周年特殊贡献奖<img src={require('../../../../../static/img/brandIntroduction/rongyu/13.jpg')} alt="品牌荣誉" /></li>
                    <li>中国木门行业十五年功勋企业-社会责任奖<img src={require('../../../../../static/img/brandIntroduction/rongyu/14.jpg')} alt="品牌荣誉" /></li>
                    <li>中国木业30年（百家）突出贡献企业<img src={require('../../../../../static/img/brandIntroduction/rongyu/15.jpg')} alt="品牌荣誉" /></li>
                    <li>中国木门十年国内重大工程贡献奖<img src={require('../../../../../static/img/brandIntroduction/rongyu/16.jpg')} alt="品牌荣誉" /></li>
                    <li>中国木门十年企业营销创新奖<img src={require('../../../../../static/img/brandIntroduction/rongyu/17.jpg')} alt="品牌荣誉" /></li>
                    <li>中国木门十年最受消费者喜爱品牌<img src={require('../../../../../static/img/brandIntroduction/rongyu/18.jpg')} alt="品牌荣誉" /></li>
                    <li>中国木门十大领袖品牌<img src={require('../../../../../static/img/brandIntroduction/rongyu/19.jpg')} alt="品牌荣誉" /></li>
                    <li>木门行业十大最具影响力品牌<img src={require('../../../../../static/img/brandIntroduction/rongyu/20.jpg')} alt="品牌荣誉" /></li>
                    <li>中国低碳环保领先产品<img src={require('../../../../../static/img/brandIntroduction/rongyu/21.jpg')} alt="品牌荣誉" /></li>
                    <li>中国绿色环保建材产品<img src={require('../../../../../static/img/brandIntroduction/rongyu/22.jpg')} alt="品牌荣誉" /></li>
                    <li>中国工程建设重点推广应用产品<img src={require('../../../../../static/img/brandIntroduction/rongyu/23.jpg')} alt="品牌荣誉" /></li>
                    <li>中国质量、服务、信誉AAA企业<img src={require('../../../../../static/img/brandIntroduction/rongyu/24.jpg')} alt="品牌荣誉" /></li>
                    <li>中国木门行业“品质服务白金奖”<img src={require('../../../../../static/img/brandIntroduction/rongyu/25.jpg')} alt="品牌荣誉" /></li>
                    <li>中国优质名牌产品<img src={require('../../../../../static/img/brandIntroduction/rongyu/26.jpg')} alt="品牌荣誉" /></li>
                    <li>消费者最喜爱品牌<img src={require('../../../../../static/img/brandIntroduction/rongyu/27.jpg')} alt="品牌荣誉" /></li>
                    <li>中国著名品牌 （重点推广首选单位）<img src={require('../../../../../static/img/brandIntroduction/rongyu/28.jpg')} alt="品牌荣誉" /></li>
                    <li>中国优质名牌产品<img src={require('../../../../../static/img/brandIntroduction/rongyu/29.jpg')} alt="品牌荣誉" /></li>
                    <li>中国品牌500强<img src={require('../../../../../static/img/brandIntroduction/rongyu/30.jpg')} alt="品牌荣誉" /></li>
                    <li>中国质量500强<img src={require('../../../../../static/img/brandIntroduction/rongyu/31.jpg')} alt="品牌荣誉" /></li>
                    <li>全国经销商推崇品牌<img src={require('../../../../../static/img/brandIntroduction/rongyu/32.jpg')} alt="品牌荣誉" /></li>
                    <li>中国产业化龙头企业<img src={require('../../../../../static/img/brandIntroduction/rongyu/33.jpg')} alt="品牌荣誉" /></li>
                </ul>
            </div>
        )
    }
}

export default connect()(PageFour)